Ext.namespace('Ext.ux');

/**
 * @class Ext.ux.DisplayField
 * @extends Ext.form.TextField
 *
 * <p>Example usage:</p>
 * <pre><code>
	// create the field
	var company = {
		xtype		: 'ux.displayfield',
		fieldLabel	: 'Company',
		name		: 'company'
	};
 * </code></pre>
 */
Ext.ux.DisplayField = function(config) {

	/* --------------------------- custom property ------------------------- */

	Ext.apply(this, config);

	/* --------------------------- override superclass property --------------------------- */

	Ext.ux.DisplayField.superclass.constructor.call(this, {
				readOnly			: true,
				fieldClass			: 'ux-item-disabled'
			});

	/* --------------------------- event handler --------------------------- */

};

Ext.extend(Ext.ux.DisplayField, Ext.form.TextField, {});

Ext.reg('ux.displayfield', Ext.ux.DisplayField);